<?php
/**
 * Slider.php
 * --------------------------------------------------
 * homepage slider
 */

// page configuration
// ------------------

$page->script("
jQuery(window).load( function() {
  $('#featured').orbit({
    animation: 'fade',               // fade, horizontal-slide, vertical-slide, horizontal-push
    animationSpeed: 500,             // how fast animtions are
    advanceSpeed: 5000,              // if timer is enabled, time between transitions 
    pauseOnHover: true,              // if you hover pauses the slider
    startClockOnMouseOut: true,      // if clock should start on MouseOut
    fluid: '718x346',
    directionalNav: false
  });
});
");

?>

<div id="featured">
  <div>
    <a href="<?= url('contact') ?>">
      <img src="/snippets/slider/slider-welcome-20121030.jpg" alt="Welcome to RenewOC.org" />
    </a>
  </div>
  <div>
    <a href="<?= url('purpose') ?>">
      <img src="/snippets/slider/slider-provide-hope-20121030.jpg" alt="People providing hope to people: ROC" />
    </a>
  </div>
  <div>
    <a href="<?= url('services') ?>">
      <img src="/snippets/slider/slider-inside-out-20121002.jpg" alt="From the inside out, not the outside in: ROC" />
    </a>
  </div>
</div>
